/*全局样式*/

body {

	margin: 0;

	padding: 0;

	font: 14px/200% "Hiragino Sans GB", \5FAE\8F6F\96C5\9ED1, "lvetica Neue", Helvetica, Arial, sans-serif;

	color: #777;
	min-width:1200px;

}

a:link {


	text-decoration: none

} /*未访问*/

a:hover, a:focus {


	text-decoration: underline;

	outline: none;

	-moz-outline: none

} /*鼠标悬停*/

a:visited {



} /*已访问*/

a:active {

	color: #ff0000

} /*被选择*/

input, textarea {

	outline: none;

	-moz-outline: none

}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {

	color: #000;

	font-weight: 500;

	line-height: 150%

}

.h1, .h2, .h3, .h4, .h5, .h6 {

	margin: 0;

	padding: 0

}

img {

	padding: 0;

	margin: 0;

	border: 0

}

.comment-respond #submit, .banner p, .owl-prev, .owl-next, .process figcaption, .kefu, .packages .tc-box, .navbar-brand, .navbar-default, .transition, *:link, *:visited, *:hover, *:active, *:focus {

	-webkit-transition: all 0.3s linear;

	-moz-transition: all 0.3s linear;

	-o-transition: all 0.3s linear;

	transition: all 0.3s linear

}

.parallax {

	background-attachment: fixed!important;

	-webkit-transition: none;

	-moz-transition: none;

	-o-transition: none;

	transition: none

}

::-moz-selection {

background:#3498db;

color:#fff

}

::selection {

	background: #3498db;

	color: #fff

}

.pingpu-bg {

	background: no-repeat center top fixed;

	background-size: cover;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	position: relative

}

.pingpu-bg {

	min-width: 1140px

}

.red {

	color: #ff6050!important

}

.blue {

	color: #3498db!important

}

.green {

	color: #089500!important

}

.font-12 {

	font-size: 12px!important

}

hr {

	margin: 30px 0;

	border: 0;

	border-top: 1px solid #eee

}

hr.small {

	margin: 15px 0

}

hr.big {

	margin: 40px 0

}

hr.white {

	border-color: rgba(255,255,255,0.30)

}

.nowrap {

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

	display: block

}

/*placeholder*/

::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder {

color:#ccc;

font-size:12px

}

/*外补*/

.t-m-20 {

	margin-top: 20px

}

.t-m-30 {

	margin-top: 30px

}

.t-m-40 {

	margin-top: 40px

}

.t-m-50 {

	margin-top: 50px

}

.t-m-60 {

	margin-top: 60px

}

.t-m-70 {

	margin-top: 70px

}

.b-m-20 {

	margin-bottom: 20px

}

.b-m-30 {

	margin-bottom: 30px

}

.b-m-40 {

	margin-bottom: 40px

}

.b-m-50 {

	margin-bottom: 50px

}

.b-m-60 {

	margin-bottom: 60px

}

.b-m-70 {

	margin-bottom: 70px

}

.l-m-20 {

	margin-left: 20px

}

.l-m-30 {

	margin-left: 30px

}

.l-m-40 {

	margin-left: 40px

}

.l-m-50 {

	margin-left: 50px

}

.l-m-60 {

	margin-left: 60px

}

.l-m-70 {

	margin-left: 70px

}

.r-m-20 {

	margin-right: 20px

}

.r-m-30 {

	margin-right: 30px

}

.r-m-40 {

	margin-right: 40px

}

.r-m-50 {

	margin-right: 50px

}

.r-m-60 {

	margin-right: 60px

}

.r-m-70 {

	margin-right: 70px

}

/*内补*/

.t-p-20 {

	padding-top: 20px

}

.t-p-30 {

	padding-top: 30px

}

.t-p-40 {

	padding-top: 40px

}

.t-p-50 {

	padding-top: 50px

}

.t-p-60 {

	padding-top: 60px

}

.t-p-70 {

	padding-top: 70px

}

.b-p-20 {

	padding-bottom: 20px

}

.b-p-30 {

	padding-bottom: 30px

}

.b-p-40 {

	padding-bottom: 40px

}

.b-p-50 {

	padding-bottom: 50px

}

.b-p-60 {

	padding-bottom: 60px

}

.b-p-70 {

	padding-bottom: 70px

}

.l-p-20 {

	padding-left: 20px

}

.l-p-30 {

	padding-left: 30px

}

.l-p-40 {

	padding-left: 40px

}

.l-p-50 {

	padding-left: 50px

}

.l-p-60 {

	padding-left: 60px

}

.l-p-70 {

	padding-left: 70px

}

.r-p-20 {

	padding-right: 20px

}

.r-p-30 {

	padding-right: 30px

}

.r-p-40 {

	padding-right: 40px

}

.r-p-50 {

	padding-right: 50px

}

.r-p-60 {

	padding-right: 60px

}

.r-p-70 {

	padding-right: 70px

}

/*清除内外补*/

.p-none {

	padding: 0

}

.m-none {

	margin: 0

}

.t-p-none {

	padding-top: 0

}

.b-p-none {

	padding-bottom: 0

}

.l-p-none {

	padding-left: 0

}

.r-p-none {

	padding-right: 0

}

.t-m-none {

	margin-top: 0

}

.b-m-none {

	margin-bottom: 0

}

.l-m-none {

	margin-left: 0

}

.r-m-none {

	margin-right: 0

}

/*加载进度条*/

.pace {

	-webkit-pointer-events: none;

	pointer-events: none;

	-webkit-user-select: none;

	-moz-user-select: none;

	user-select: none

}

.pace-inactive {

	display: none

}

.pace .pace-progress {

	background: #FFF;

	position: fixed;

	z-index: 2000;

	top: 0;

	right: 100%;

	width: 100%;

	height: 2px

}

.pace .pace-progress-inner {

	display: block;

	position: absolute;

	right: 0;

	width: 100px;

	height: 100%;

	box-shadow: 0 0 10px #FFF, 0 0 5px #FFF;

	opacity: 1.0;

	-webkit-transform: rotate(3deg) translate(0, -4px);

	-moz-transform: rotate(3deg) translate(0, -4px);

	-ms-transform: rotate(3deg) translate(0, -4px);

	-o-transform: rotate(3deg) translate(0, -4px);

	transform: rotate(3deg) translate(0, -4px)

}

/*上下跳动*/

.animated {

	-webkit-animation-duration: 10s;

	animation-duration: 10s;

	-webkit-animation-fill-mode: both;

	animation-fill-mode: both

}

.animated.infinite {

	-webkit-animation-iteration-count: infinite;

	animation-iteration-count: infinite

}

@-webkit-keyframes shake {

0%, 100% {

-webkit-transform:translate3d(0, 0, 0);

transform:translate3d(0, 0, 0)

}

10%, 30%, 50%, 70%, 90% {

-webkit-transform:translate3d(0, -5px, 0);

transform:translate3d(0, -5px, 0);

filter:alpha(opacity=30);

opacity:0.3

}

20%, 40%, 60%, 80% {

-webkit-transform:translate3d(0, 5px, 0);

transform:translate3d(0, 5px, 0);

filter:alpha(opacity=100);

opacity:1

}

}

@keyframes shake {

0%, 100% {

-webkit-transform:translate3d(0, 0, 0);

transform:translate3d(0, 0, 0)

}

10%, 30%, 50%, 70%, 90% {

-webkit-transform:translate3d(0, -5px, 0);

transform:translate3d(0, -5px, 0);

filter:alpha(opacity=30);

opacity:0.3

}

20%, 40%, 60%, 80% {

-webkit-transform:translate3d(0, 5px, 0);

transform:translate3d(0, 5px, 0);

filter:alpha(opacity=100);

opacity:1

}

}

.shake {

	-webkit-animation-name: shake;

	animation-name: shake

}

/*owl-carousel*/

.owl-carousel .owl-wrapper:after {

	content: ".";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0

}

.owl-carousel {

	display: none;

	position: relative;

	width: 100%;

	-ms-touch-action: pan-y

}

.owl-carousel .owl-wrapper {

	display: none;

	position: relative;

	-webkit-transform: translate3d(0, 0, 0)

}

.owl-carousel .owl-wrapper-outer {

	overflow: hidden;

	position: relative;

	width: 100%

}

.owl-carousel .owl-wrapper-outer.autoHeight {

	-webkit-transition: height 500ms ease-in-out;

	-moz-transition: height 500ms ease-in-out;

	-ms-transition: height 500ms ease-in-out;

	-o-transition: height 500ms ease-in-out;

	transition: height 500ms ease-in-out

}

.owl-carousel .owl-item {

	float: left

}

.owl-controls .owl-page, .owl-controls .owl-buttons div {

	cursor: pointer

}

.owl-controls {

	-webkit-user-select: none;

	-khtml-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	-webkit-tap-highlight-color: rgba(0,0,0,0)

}

.grabbing {

	cursor: url(grabbing.png) 8 8, move

}

.owl-carousel .owl-wrapper, .owl-carousel .owl-item {

	-webkit-backface-visibility: hidden;

	-moz-backface-visibility: hidden;

	-ms-backface-visibility: hidden;

	-webkit-transform: translate3d(0, 0, 0);

	-moz-transform: translate3d(0, 0, 0);

	-ms-transform: translate3d(0, 0, 0)

}

.owl-theme .owl-controls {

	margin-top: 20px;

	text-align: center

}

.owl-theme .owl-controls .owl-buttons div {

	display: inline-block;

	zoom: 1;

*display:inline;

	filter: Alpha(Opacity=50);

	opacity: 0.5

}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {

	filter: Alpha(Opacity=100);

	opacity: 1;

	text-decoration: none

}

.owl-theme .owl-controls .owl-page {

	display: inline-block;

	zoom: 1;

*display:inline

}

.owl-theme .owl-controls .owl-page span {

	display: block;

	width: 12px;

	height: 12px;

	margin: 5px 7px;

	filter: Alpha(Opacity=50);

	opacity: 0.5;

	-webkit-border-radius: 20px;

	-moz-border-radius: 20px;

	border-radius: 20px;

	background: #869791

}

.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {

	filter: Alpha(Opacity=100);

	opacity: 1

}

.owl-theme .owl-controls .owl-page span.owl-numbers {

	height: auto;

	width: auto;

	color: #FFF;

	padding: 2px 10px;

	font-size: 12px;

	-webkit-border-radius: 30px;

	-moz-border-radius: 30px;

	border-radius: 30px

}

.owl-item.loading {

	min-height: 150px;

	background: url(AjaxLoader.gif) no-repeat center center

}

.owl-pagination {

	display: none

}

.owl-prev, .owl-next {

	text-indent: -9999px;

	overflow: hidden;

	background-repeat: no-repeat;

	background-position: left top;

	background-size: 46px auto;

	width: 46px;

	height: 40px;

	display: inline-block;

	margin: 0 10px

}

.owl-prev {

	background-image: url(../images/btn-left-white.svg)

}

.owl-next {

	background-image: url(../images/btn-right-white.svg)

}

.owl-prev, .owl-next {

	filter: alpha(opacity=40);

	opacity: 0.4

}

.owl-prev:hover, .owl-next:hover {

	filter: alpha(opacity=100);

	opacity: 1

}

/*header start*/

.navbar-header {

	position: relative

}

/*logo start*/

.navbar-brand {

	padding: 0 15px;

	width: 140px;

	height: 44px;

	background: url(../images/logo.png) no-repeat;

	background-size: 140px auto;

	text-indent: -9999px;

	overflow: hidden;

	display: block

}

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {

	margin-left: 0

}

/*nav start*/

.nav {

	line-height: 44px

}

.nav > li > a {

	color: #FFF;

	display: block;

	padding: 0;

	margin-left: 32px

}

.nav > li.active > a, .nav > li > a:hover, .nav > li > a:focus {

	color: #3498db;

	background-color: transparent

}

/*header.scroll start*/

.navbar-default {

	padding: 30px 0;

	background-color: rgba(52,152,219,0.00)

}

.navbar-default {

	background-color: transparent;

	border-color: transparent

}

.navbar-default .navbar-toggle:hover {

	background-color: rgba(255,255,255,0)

}

.navbar-default .navbar-toggle .icon-bar {

	background-color: #DDD

}

.navbar-fixed-top {

	border-width: 0

}

.navbar {

	margin-bottom: 0;

	border: 0

}

@media (max-width:767px) {

.row figure img {

	width: 100%;

}

.navbar-default .navbar-collapse {

	border-width: 0;

	margin-top: 10px;

	padding-top: 10px;

	height: 100px;

}

.navbar-default .navbar-collapse a {

	line-height: 30px

}

.sticky .navbar-collapse {

	border-width: 0;

	margin-top: 10px;

	padding-top: 0

}

.sticky .nav {

	margin-top: 10px

}

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {

	margin-left: 15px

}

}

.sticky {

	background-color: rgba(45, 45, 47, 0.54);

}

.sticky.navbar {

	padding: 15px 0

}

.sticky .nav {

	line-height: 40px

}

.sticky .navbar-brand {

	width: 122px;

	height: 40px

}

.sticky .navbar-toggle {

	margin-top: 3px;

	margin-bottom: 0

}

.sticky .navbar-brand {

	background-size: 122px auto

}

.sticky .navbar-brand {

	background-size: 122px auto

} /*解决非视网膜显示屏下的LOGO向下滚动缩放*/

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {

	color: #3498DB;

	background-color: rgba(255,255,255,0)

}

/*banner start*/

.banner {

	/*background: #16171a url(../images/banner.jpg) no-repeat center top;*/

	/*height: 720px;*/

	position: relative

}

.about-banner {

	background-image: url(../images/about-banner.jpg)

}

.services-banner {

	background-image: url(../images/services-banner.jpg)

}

.works-banner {

	background-image: url(../images/works-banner.jpg)

}

.technology-banner {

	background-image: url(../images/technology-banner.jpg)

}

.news-banner {

	background-image: url(../images/news-banner.jpg)

}

.marketing-banner {

	background-image: url(../images/marketing-banner.jpg)

}

.manage-banner {

	background-image: url(../images/manage-banner.jpg)

}

.blog-banner {

	background-image: url(../images/blog-banner.jpg)

}

.contact-banner {

	background-image: url(../images/contact-banner.jpg)

}

.blog-show-banner {

	background: #16171a;

	padding-top: 106px

}

@media (min-width:992px) and (max-width:1199px) {

/*.banner {

	height: 594px

}*/

}

@media (max-width:991px) {

.banner {

	/*height: 454px*/

}

.owl-item figure img {

	width: 100%;

	height: auto;

}

}

.banner {

	background-size: 2000px auto

}

@media (min-width:992px) and (max-width:1199px) {

.banner {

	background-size: 1650px auto

}

}

@media (max-width:991px) {

.banner {

	background-size: 1262px auto

}

}

.banner {

	/*background-image: url(../images/banner@2x.jpg)*/

}

@media (min-width:2000px) {

.full-bg, .banner {

	background-size: cover;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover

}

}

@media all and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (min-device-pixel-ratio:1.5) {

.about-banner {

background-image:url(../images/about-banner@2x.jpg)

}

.services-banner {

background-image:url(../images/services-banner@2x.jpg)

}

.works-banner {

background-image:url(../images/works-banner@2x.jpg)

}

.technology-banner {

background-image:url(../images/technology-banner@2x.jpg)

}

.news-banner {

background-image:url(../images/news-banner@2x.jpg)

}

.marketing-banner {

background-image:url(../images/marketing-banner@2x.jpg)

}

.manage-banner {

background-image:url(../images/manage-banner@2x.jpg)

}

.blog-banner {

background-image:url(../images/blog-banner@2x.jpg)

}

.contact-banner {

background-image:url(../images/contact-banner@2x.jpg)

}

}

.white {

	height: 20px;

	background-color: #FFF;

	position: absolute;

	bottom: 0;

	left: -50%;

	right: -50%

}

@media (max-width:767px) {

.white {

	width: 100%

}

}

@media (min-width:768px) {

.white {

	width: 720px

}

}

@media (min-width:992px) {

.white {

	width: 940px

}

}

@media (min-width:1200px) {

.white {

	width: 1140px

}

}

/*banner text*/

.banner article {

	padding-top: 18.2em

}

.banner article h2 {

	color: #fff;

	font-size: 60px;

	font-weight: bolder;

	margin: 0 0 10px 0;

	padding: 0;

	-webkit-text-shadow: 1px 2px 10px rgba(0,0,0,0.10);

	text-shadow: 1px 2px 10px rgba(0,0,0,0.10)

}

.banner article p {

	color: #fff;

	font-size: 16px;

	margin: 0 0 30px 0;

	padding: 10px 20px;

	background-color: rgba(52,152,219,0.90);

	display: inline-block;

	border-radius: 4px

}

.banner article p:hover {

	background: #73bf3a

}

.banner div a {

	display: inline-block;

	width: 30px;

	height: 64px;

	text-indent: -9999px;

	overflow: hidden;

	background: url(../images/scroll.svg) no-repeat center top;

	background-size: 30px auto;

	cursor: pointer

}

@media (min-width:992px) and (max-width:1199px) {

.banner article {

	padding-top: 14.5em

}

.banner article h2 {

	font-size: 64px

}

}

@media (min-width:768px) and (max-width:991px) {

.banner article {

	padding-top: 11em

}

.banner article h2 {

	font-size: 54px

}

}

@media (max-width:767px) {

.banner article {

	padding-top: 11em

}

.banner article p {

	font-size: 14px;

	line-height: 24px

}

.banner article h2 {

	font-size: 36px

}

}

.banner article .shake {

	-webkit-animation-delay: 0.6s;

	-moz-animation-delay: 0.6s;

	-o-animation-delay: 0.6s;

	animation-delay: 0.6s

}

.mask {

	background-color: rgba(0,0,0,0.20);

	height: 100%

}

/*全局标签*/

.h-h2 {

	font-size: 30px;

	color: #000;

	padding: 0 0 20px 0;

	margin: 0 0 60px 0;

	border-bottom: #e5e5e5 solid 1px;

	line-height: 150%

}

.h-h2-white {

	color: #FFF;

	border-bottom: rgba(255,255,255,0.2) solid 1px

}

.p-h2 {

	font-size: 2em;

	line-height: 150%;

	color: #000;

	padding: 0;

	margin: 0 0 30px 0

}

.p-h2-white {

	color: #FFF

}

.h-h2 small, .p-h2 small {

	display: block;

	font-size: 14px;

	line-height: 150%;

	margin: 10px 0

}

.h-h2-white small, .p-h2-white small {

	color: rgba(255,255,255,0.50)

}

.sx-jianju {

	padding: 70px 0 75px 0

}

.superiority, .process, .about, .footer {

	color: #fff

}

/*pic hover*/

.pic-hover {

	background-color: rgba(52,152,219,0);

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	display: block;

	padding: 50px 40px;

	-webkit-transition: 0.3s;

	transition: 0.3s

}

.pic-hover:hover {

	background-color: rgba(52,152,219,0.85)

}

.pic-hover h2 {

	color: #FFF;

	font-size: 20px;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

	position: relative;

	padding: 0.8em 0

}

.pic-hover h2 {

	-webkit-transition: 0.35s;

	transition: transform 0.35s

}

.pic-hover h2::after {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 2px;

	background: #fff;

	content: '';

	-webkit-transition: 0.35s;

	transition: 0.35s;

	-webkit-transform: translate3d(-100%, 0, 0);

	transform: translate3d(-100%, 0, 0)

}

.pic-hover:hover h2::after {

	-webkit-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0)

}

.pic-hover p {

	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;

	transition: opacity 0.3s, transform 0.3s

}

.pic-hover p a {

	color: rgba(255,255,255,0.70)

}

.pic-hover:hover p {

	-webkit-transition-delay: 0.1s;

	transition-delay: 0.1s;

	-webkit-transition-duration: 0.3s;

	transition-duration: 0.3s

}

.pic-hover h2, .pic-hover p {

	filter: alpha(opacity=0);

	opacity: 0

}

.pic-hover h2, .pic-hover p {

	-webkit-transform: translate3d(0, 20px, 0);

	transform: translate3d(0, 20px, 0)

}

.pic-hover:hover h2, .pic-hover:hover p {

	filter: alpha(opacity=100);

	opacity: 1

}

.pic-hover:hover h2, .pic-hover:hover p {

	-webkit-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0)

}

.pic-hover .new {

	position: absolute;

	top: 0;

	right: 0;

	width: 69px;

	height: 69px;

	background: url(../images/new.png) no-repeat 0 0

}

/*btn*/

.btn-left-white, .btn-right-white {

	text-indent: -9999px;

	overflow: hidden;

	background-position: left top;

	background-size: 46px auto;

	width: 46px;

	height: 40px;

	display: inline-block;

	margin: 0 5px;

	background-repeat: no-repeat

}

.btn-left-white {

	background-image: url(../images/btn-left-white.svg)

}

.btn-right-white {

	background-image: url(../images/btn-right-white.svg)

}

.btn-left-white, .btn-right-white {

	filter: alpha(opacity=40);

	opacity: 0.4

}

.btn-left-white:hover, .btn-right-white:hover {

	filter: alpha(opacity=100);

	opacity: 1

}

@media all and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (min-device-pixel-ratio:1.5) {

.pic-hover .new {

background-size:69px auto;

background-image:url(../images/new@2x.png)

}

}

.btn-center {

	text-align: center;

	font-size: 14px;

	padding: 14px 60px;

	color: #3498DB;

	border: 2px solid #3498DB

}

.btn-center:hover {

	background-color: #3498DB;

	color: #fff;

	text-decoration: none

}

/*模态窗*/

.modal-title {

	color: #000;

	text-align: center

}

.modal-body {

	padding: 20px 30px

}

.modal-body, .modal-body p {

	color: #999

}

.modal-content {

	border-radius: 0

}

/*服务项目*/

.services article h2 {

	padding: 0 0 6px 75px;

	font-size: 18px;

	color: #000;

	background: no-repeat left 2px

}

.services article h2 a {

	color: #000;

	text-decoration: none

}

.services article h2 a:hover {

	color: #3498db

}

.services article h2 small {

	font-size: 14px;

	display: block;

	margin: 10px 0 15px 0;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden

}

.services article h2 {

	background-size: auto 50px

}

.services article h2.wj {

	background-image: url(../images/s-web.svg)

}

.services article h2.yy {

	background-image: url(../images/s-yy.svg)

}

.services article h2.yx {

	background-image: url(../images/s-yx.svg)

}

.services article h2.pp {

	background-image: url(../images/s-pp.svg)

}

.services article p {

	margin-bottom: 0

}

@media (max-width:768px) {

.services article p {

	padding-left: 75px

}

.services article h2 {

	margin-bottom: 2px

}

}

.services.row article p {

	margin-bottom: 15px

}

/*服务优势*/

.superiority {

	background-color: #3498db

}

.superiority figure h3 {

	margin-top: 40px;

	color: #FFF

}

.superiority figure p {

	color: rgba(255,255,255,0.80)

}

@media (min-width:992px) {

.superiority figure p {

	width: 80%;

	margin: 0 auto

}

}

/*我们的作品*/

.works figure {

	margin-bottom: 60px

}

.works-box {

	padding: 18px 65px 38px 65px;

	max-width: 554px;

	margin: 0 auto;

	position: relative;

	background: url(../images/works-bg.png) no-repeat center top;

	background-size: 100% auto

}

@media all and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (min-device-pixel-ratio:1.5) {

.works-box {

background-size:100% auto

}

.works-box {

background-image:url(../images/works-bg@2x.png)

}

}

.works-box .pic-hover {

	margin: 18px 65px 38px 65px;

	max-width: 424px;

	height: 266px

}

@media (min-width:992px) and (max-width:1199px) {

.works-box h2 {

	padding: 0.2em 0

}

/*.works-box {

	padding: 15px 53px 33px 53px;

	max-width: 455px

}*/

.works-box .pic-hover {

	margin: 15px 0 0 53px;

	max-width: 349px;

	height: 219px

}

}

@media (max-width:767px) {

.works-box {

	padding: 0;

	max-width: 424px;

	background-image: none

}

.works-box .pic-hover {

	margin: 0;

	max-width: 424px;

	height: 100%;

	padding: 12% 30px

}

.owl-item figure img {

	width: 100%;

	height: auto;

}

.works figure img {

	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);

	width: 100%;

	height: auto;

	box-shadow: 0 0 10px rgba(0,0,0,0.3)

}

}

@media (max-width:414px) {

.works-box .pic-hover {

	padding: 9% 30px

}

}

@media (max-width:320px) {

.works-box .pic-hover {

	padding: 5% 30px

}

}

/*移动端降级*/

@media only screen and (max-device-width:1199px) {

/*For general iPad layouts*/

.works-box .pic-hover {

	background-color: rgba(52,152,219,0.90);

	display: none

}

.works-box:hover .pic-hover {

	display: block

}

.works-box .pic-hover h2, .works-box .pic-hover p {

	filter: alpha(opacity=100);

	opacity: 1;

	-webkit-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0)

}

.works-box .pic-hover h2::after {

	-webkit-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0)

}

}

/*服务流程*/

.process {

	background: #272a2d url(../images/biaoyu.jpg) no-repeat center center fixed;

	padding-bottom: 30px

}

@media all and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (min-device-pixel-ratio:1.5) {

.process {

background-size:2000px auto

}

.process {

background-image:url(../images/lc-bg-1@2x.jpg)

}

}

.process figure {

	margin-bottom: 40px

}

.process figure figcaption {

	display: inline-block;

	padding-top: 36px;

	width: 136px;

	height: 136px;

	border-radius: 50%;

	border: 3px solid rgba(255,255,255,0.50);

	color: rgba(255,255,255,0.70)

}

.process figure figcaption:hover {

	background-color: rgba(52,152,219,0.70);

	border: 3px solid rgba(255,255,255,0.00)

}

.process figure figcaption small {

	display: block

}

.process figure figcaption a {

	color: #fff;

	display: block;

	text-decoration: none

}

.liucheng h3 small {

	font-size: 14px

}

/*关于我们*/

.about {

	background: #3498db url(../images/about-bg.png) no-repeat center center

}

@media all and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (min-device-pixel-ratio:1.5) {

.about {

background-size:2000px auto

}

.about {

background-image:url(../images/about-bg@2x.png)

}

}

.about p {

	color: rgba(255,255,255,0.70)

}

/*团队能量值*/

.energy h3 {

	font-size: 14px;

	color: #000;

	margin-bottom: 15px

}

.energy h3 small {

	font-size: 14px;

	color: #bbb

}

.energy .progress-bar-info {

	background-color: #3498db

}

.energy .progress-bar-warning {

	background-color: #f8b551

}

.energy .progress-bar-success {

	background-color: #73bf3a

}

.energy .progress-bar-danger {

	background-color: #ff6050

}

.energy .progress, .energy .progress-bar {

	border-radius: 6px

}

.energy .progress {

	height: 12px

}

/*标语*/

.biaoyu {

	padding: 70px 0;

	background: #272a2d url(../images/biaoyu.jpg) no-repeat center center fixed

}

@media all and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (min-device-pixel-ratio:1.5) {

.biaoyu {

background-size:2000px auto

}

.biaoyu {

background-image:url(../images/biaoyu@2x.jpg)

}

}

.biaoyu h2 {

	color: #FFF;

	font-size: 24px;

	margin: 0 0 15px 0;

	padding: 0

}

.biaoyu p {

	font-size: 18px;

	color: rgba(255,255,255,0.50);

	margin: 0 0 10px 0;

	padding: 0

}

/*移动端降级*/

@media only screen and (max-device-width:1199px) {

/*For general iPad layouts*/

.process, .biaoyu {

	background-attachment: fixed

}

}

/*服务套餐*/

.packages .tc-box {
	color: rgba(255,255,255,0.70);

	border-radius: 4px;

	margin: 0 0 50px 0;
	color: #000;

}

.packages .tc-box:hover {

/*
	-webkit-box-shadow: 0 0 10px rgba(255,96,80,0.50);

	box-shadow: 0 0 10px rgba(241,31,15,1)*/

}

.packages .tc-box .tc_box_title{
	margin: 0
    background-color: #fe6156;
    background: -webkit-gradient(linear,left top,left bottom,from(#fe6156),color-stop(98%,#f01c0c));
    background: -webkit-linear-gradient(top,#fe6156,#f01c0c 98%);
    background: -moz-linear-gradient(top,#fe6156 0,#f01c0c 98%);
    background: linear-gradient(-180deg,#fe6156,#f01c0c 98%);
    color: #fff;
    text-align: center;
    border-radius: 4px 4px 0 0;
    overflow: hidden;

}
.packages .tc-box .tc_box_title h2{
	font-size: 20px;
	color: #fff;
	margin-top: 15px;
}
.packages .tc-box .tc_box_title p{
	font-size: 36px;
	margin:20px 0 15px 0;
}
.packages .tc-box .tc_box_title div{
	margin-bottom: 15px;
}
.packages article{
	width: 33%;

}
.packages .tc-box ul {
	text-align: left;
    line-height: 32px;
    padding-top: 40px;
    border: 1px solid #e5e5e5;
    border-top: 0;
    border-radius: 0 0 4px 4px;
    height: 330px;

}

.packages .tc-box ul li {

	background: url(../images/tc-bg-white.png) no-repeat left top;

	text-align: center;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;
	color: #666;

}

@media all and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (min-device-pixel-ratio:1.5) {

.packages .tc-box ul li {

background-size:12px auto

}

.packages .tc-box ul li {

background-image:url(../images/tc-bg-white@2x.png)

}

}

.packages .tc-box ul li.no {

	background-position: left bottom

}

.packages h3 {

	margin: 0;

	padding: 0;

	text-align: center

}

/*联系我们*/

.jiao {

	padding-top: 20px;

	background: url(../images/foot-jiao.png) no-repeat center top

}

.message {

	background: #272a2d url(../images/foot-jiao.png) no-repeat center bottom

}

#lyusername, #lytel, #lycontent {

	height: 40px;

	width: 100%;

	background: #fff url(../images/foot-ico.png) no-repeat 0 0;

	color: #333;

	border-width: 0;

	margin-bottom: 30px;

	vertical-align: middle;

	padding: 0 10px

}

#lyusername:focus, #lytel:focus, #lycontent:focus {

	color: #333

}

#lycontent {

	height: 160px;

	padding-top: 10px

}

#lyusername {

	background-position: right 0

}

#lytel {

	background-position: right -40px

}

#lycontent {

	background-position: right -80px

}

@media all and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (min-device-pixel-ratio:1.5) {

#lyusername, #lytel, #lycontent {

background-size:40px auto;

background-image:url(../images/foot-ico@2x.png)

}

.footer, .message {

background-size:46px auto;

background-image:url(../images/foot-jiao@2x.png)

}

}

#button {

	height: 46px;

	width: 100%;

	font: 16px/46px;

	text-align: center;

	vertical-align: middle;

	border-width: 0;

	color: rgba(255,255,255,0.50);

	background-color: #3498db;

	padding: 0

}

#button:hover {

	color: #FFF;

	background-color: #73bf3a;

	border-width: 0

}

.copy {

	background-color: #16171a;

	padding: 60px 0 40px 0;

	font-size: 12px

}

.copy p, .copy a.links {

	color: rgba(255,255,255,0.40)

}

@media (min-width:769px) {

.copy p {

	line-height: 24px

}

}

.copy ul.sns {

	margin: 0 0 30px 0

}

.copy ul.sns li a {

	width: 46px;

	height: 46px;

	display: inline-block;

	background: #272a2d no-repeat center center;

	text-indent: -9999px;

	overflow: hidden;

	margin: 0 1px

}

.copy ul.sns li a.qq {

	background-size: 24px auto;

	background-image: url(../images/qq.svg)

}

.copy ul li a.qq:hover {

	background-color: #ff6050

}

.copy ul.sns li a.wx {

	background-size: 28px auto;

	background-image: url(../images/weixin.svg)

}

.copy ul li a.wx:hover {

	background-color: #73bf3a

}

.copy ul.sns li a.fb {

	background-size: 12px auto;

	background-image: url(../images/facebook.svg)

}

.copy ul li a.tw:hover {

	background-color: #3498db

}

.copy ul.sns li a.tw {

	background-size: 28px auto;

	background-image: url(../images/twitter.svg)

}

.copy ul li a.fb:hover {

	background-color: #386ca1

}

.weixin-pic {

	width: auto;

	height: auto

}

@media (min-width:376px) {

.weixin-pic {

	max-width: 300px

}

}

/*活动*/

.xingxiang {

	background: url(../images/xingxiang.png) no-repeat;

	position: fixed;

	right: 15px;

	cursor: pointer

}

.xingxiang:hover {

	bottom: -35px

}

@media (max-width:767px) {

.xingxiang {

	display: none

}

}

@media (min-width:768px) {

.xingxiang {

	width: 90px;

	height: 184px;

	bottom: -45px;

	display: block

}

}

@media (min-width:1025px) {

.xingxiang {

	width: 150px;

	height: 306px;

	bottom: -80px;

	display: block

}

}

@media (min-width:768px) {

.xingxiang {

	background-size: 90px auto

}

}

@media (min-width:1025px) {

.xingxiang {

	background-size: 150px auto

}

}

@media all and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (min-device-pixel-ratio:1.5) {

.xingxiang {

background-image:url(../images/xingxiang@2x.png)

}

}

/*客服*/

.kefu {

	position: fixed;

	right: -20px;

	bottom: 10px;

	padding: 20px;

	display: block

}

.kefu:hover {

	right: 0

}

@media (min-width:1200px) {

.kefu {

	right: -20px

}

}

.kefu a {

	display: block;

	width: 50px;

	height: 50px;

	text-indent: -9999px;

	overflow: hidden;

	background: no-repeat center center

}

.kefu a.kf-qq {

	background-color: #40D7F8;

	background-image: url(../images/qq.svg);

	background-size: 24px auto

}

.kefu a.kf-ly {

	background-color: #EDAC5C;

	background-image: url(../images/tel.svg);

	background-size: 24px auto

}

.kefu a.kf-hd {

	background-color: #ec6941;

	background-image: url(../images/hd.svg);

	background-size: 24px auto

}

.kefu a.kf-top {

	background-color: #73bf3a;

	background-image: url(../images/top.svg);

	background-size: 24px auto

}

.kefu a.kf-bottom {

	background-color: #4BB2F2;

	background-image: url(../images/bottom.svg);

	background-size: 24px auto

}

.kefu a:hover.kf-qq {

	background-color: #08B8DE

}

.kefu a:hover.kf-ly {

	background-color: #E79735

}

.kefu a:hover.kf-hd {

	background-color: #D14A21

}

.kefu a:hover.kf-top {

	background-color: #5DB41C

}

.kefu a:hover.kf-bottom {

	background-color: #3498db

}

@media (min-width:768px) {

.kefu a.kf-ly {

	display: none

}

}

/*友情链接*/

#menu-links {

	padding: 0;

	margin: 0;

	list-style: none

}

#menu-links li {

	display: inline

}

#menu-links li + li:before {

	padding: 0 5px;

	color: #444;

	content: "/\00a0"

}

.copy .well {

	min-height: 20px;

	padding: 15px;

	margin: 30px 0 0 0;

	background-color: #000;

	border: 1px solid #000;

	border-radius: 4px;

	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);

	box-shadow: inset 0 1px 1px rgba(0,0,0,.05)

}

/*内页样式*/

/*内页服务页面*/

.fanchou article, .youshi article, .liucheng article {

	border-bottom: 1px solid #ddd;

	padding-top: 25px;

	padding-bottom: 30px;

	margin-left: 0;

	margin-right: 0

}

.fanchou article figure, .fanchou article div {

	padding-left: 0;

	padding-right: 0

}

.fanchou article figure {

	text-align: center;

	padding-top: 20px;

	padding-bottom: 20px

}

@media (max-width:767px) {

.fanchou div.col-xs-12 h2 {

	text-align: center

}

}

@media (min-width:768px) {

.fanchou article {

	padding-top: 50px;

	padding-bottom: 60px

}

.fanchou article:nth-child(odd) div {

	padding-left: 60px

}

.fanchou article:nth-child(even) div {

	padding-right: 60px

}

}

.fanchou h2, .youshi h2, .liucheng h2 {

	padding: 0 0 6px 0;

	font-size: 2em;

	color: #000

}

.fanchou h2 small, .youshi h2 small, .liucheng h2 small {

	font-size: 14px;

	display: block;

	margin: 10px 0 15px 0;

	line-height: 150%

}

.youshi article {

	padding-top: 0;

	padding-bottom: 0

}

.youshi article figure {

	height: 420px;

	background-color: #f2f2f2

}

.youshi article figure, .youshi article div {

	padding-left: 0;

	padding-right: 0

}

.youshi article div {

	padding-top: 25px;

	padding-bottom: 30px

}

@media (min-width:768px) {

.youshi article div {

	padding-top: 50px;

	padding-bottom: 60px

}

.youshi article:nth-child(1) div {

	padding-top: 0;

	padding-bottom: 0

}

.youshi article:nth-child(odd) div {

	padding-left: 60px

}

.youshi article:nth-child(even) div {

	padding-right: 60px

}

}

.youshi article:nth-child(1) figure {

	background: #f2f2f2 url(../images/ys-ren.svg) no-repeat center center;

	background-size: 210px auto

}

.youshi article:nth-child(2) figure {

	background: #f2f2f2 url(../images/ys-ch.svg) no-repeat center center;

	background-size: 220px auto

}

.youshi article:nth-child(3) figure {

	background: #f2f2f2 url(../images/ys-dw.svg) no-repeat center center;

	background-size: 220px auto

}

.youshi article:nth-child(4) figure {

	background: #f2f2f2 url(../images/ys-sj.svg) no-repeat center center;

	background-size: 206px auto

}

.youshi article:nth-child(5) figure {

	background: #f2f2f2 url(../images/ys-bj.svg) no-repeat center center;

	background-size: 215px auto

}

.youshi article:nth-child(6) figure {

	background: #f2f2f2 url(../images/ys-jg.svg) no-repeat center center;

	background-size: 235px auto

}

.youshi article:nth-child(7) figure {

	background: #f2f2f2 url(../images/ys-ty.svg) no-repeat center center;

	background-size: 220px auto

}

.youshi article:nth-child(8) figure {

	background: #f2f2f2 url(../images/ys-ps.svg) no-repeat center center;

	background-size: 215px auto

}

.youshi article:nth-child(9) figure {

	background: #f2f2f2 url(../images/ys-seo.svg) no-repeat center center;

	background-size: 235px auto

}

.youshi article:nth-child(10) figure {

	background: #f2f2f2 url(../images/ys-tc.svg) no-repeat center center;

	background-size: 176px auto

}

.youshi article:nth-child(11) figure {

	background: #f2f2f2 url(../images/ys-yy.svg) no-repeat center center;

	background-size: 235px auto

}

.youshi article:nth-child(12) figure {

	background: #f2f2f2 url(../images/ys-gj.svg) no-repeat center center;

	background-size: 220px auto

}

.youshi article:nth-child(13) figure {

	background: #f2f2f2 url(../images/ys-gw.svg) no-repeat center center;

	background-size: 245px auto

}

@media (min-width:1000px) {

.fanchou, .youshi, .liucheng, .taocan {

	width: 80%;

	margin: 0 auto

}

}

.liucheng .dl-horizontal dt div {

	width: 120px;

	height: 120px;

	background-color: #000;

	border-radius: 100%;

	color: #fff;

	margin: 25px 0 0 0;

	padding: 25px 0 0 0;

	text-align: center;

	font-size: 40px

}

.liucheng .dl-horizontal dt div small {

	font-size: 14px;

	display: block;

	margin: 0;

	font-weight: 500

}

.liucheng .dl-horizontal dd {

	padding: 20px 0 35px 0;

	margin-bottom: 30px;

	border-bottom: 1px solid #ddd;

	margin-left: 0;

	padding-left: 180px

}

@media (max-width:767px) {

.liucheng .dl-horizontal dd {

	padding-left: 0;

	padding-right: 0

}

}

.liucheng .dl-horizontal dd h2 {

	margin: 0

}

.liucheng .dl-horizontal dd p {

	line-height: 200%

}

/*二级菜单*/

.fl-nav {

	text-align: center

}

.fl-nav li {

	display: inline-block

}

.fl-nav li + li:before {

	padding: 0 15px 0 5px;

	color: #ddd;

	content: "|\00a0"

}

.fl-nav li a {

	color: #999

}

.fl-nav li.active a, .fl-nav li a:hover {

	color: #3498db

}

/*团队*/

.team figcaption {

	padding: 15px 0 0 0

}

.team figcaption small {

	display: block;

	font-size: 14px

}

.team figure img {

	width: 100%;

	max-width: 145px

}

@media (min-width:768px) {

.team figure img {

	width: 70%

}

}

.team figure {

	margin-bottom: 20px

}

.daohang:link, .daohang:visited {

	color: #fff;

	font-size: 16px;

	padding: 15px 30px;

	background-color: #3498db;

	text-decoration: none;

	border-radius: 4px;

	margin: 0 15px

}

.daohang:hover, .daohang a:hover {

	background-color: #73bf3a

}

.daohang-bg {

	padding-left: 55px!important;

	margin: 0!important;

	background: url(../images/ico-daohang.svg) no-repeat 25px center;

	background-size: 20px auto

}

@media (min-width:768px) {

.y0 {

	padding-right: 0

}

.z30 {

	padding-left: 30px

}

}

/*内容翻页*/

.fanye {

	margin: 10px 0 0 0

}

.fanye p {

	color: #bbb;

	display: block;

	padding: 0 0 15px 0;

	margin: 0 0 15px 0;

	border-bottom: 1px solid #eee

}

.pagination {

	margin: 0

}

.pagination li a, .pagination li span {

	margin-right: 15px

}

@media (max-width:768px) {

.pagination li a {

	margin-bottom: 15px

}

}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {

	background-color: #3498db;

	border-color: #3498db;

	color: #FFF

}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {

	color: #3498db;

	background-color: #f5f5f5;

	border-color: #eee

}

.pagination > li > a, .pagination > li > span {

	color: #3498db;

	border-color: #eee;

	font-size: 14px

}

.pagination, .pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span, .pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span {

	border-radius: 0

}

/*blog style*/

@media (min-width:992px) {

.blog .row .col-lg-9 {

	padding-right: 83px

}

.y40 {

	padding-right: 40px

}

}

.blog .blog-list article {

	border-bottom: #eee solid 1px;

	margin-bottom: 50px;

	padding-bottom: 50px

}

.blog .xingshi {

	padding-left: 70px;

	position: relative

}

.blog .xingshi figure {

	position: absolute;

	top: 0;

	left: 0;

	background-color: #3498DB;

	margin: 5px 0

}

.blog .xingshi figure:hover {

	background-color: #73bf3a

}

.blog .xingshi figure a {

	text-indent: -9999px;

	overflow: hidden;

	display: block;

	width: 50px;

	height: 50px;

	background: url(../images/xingshi-ico.png) no-repeat 0 0

}

.blog .xingshi figure.format-aside a {

	background-position: 0 0

}

.blog .xingshi figure.format-image a {

	background-position: 0 -50px

}

.blog .xingshi figure.format-video a {

	background-position: 0 -100px

}

.blog .xingshi figure.format-audio a {

	background-position: 0 -150px

}

.blog .xingshi figure.format-quote a {

	background-position: 0 -200px

}

.blog .xingshi figure.format-link a {

	background-position: 0 -250px

}

.blog .xingshi figure.format-gallery a {

	background-position: 0 -300px

}

@media all and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (min-device-pixel-ratio:1.5) {

.blog .xingshi figure a {

background-size:50px auto

}

.blog .xingshi figure a {

background-image:url(../images/xingshi-ico@2x.png)

}

}

.blog .xingshi h2 {

	margin: 0 0 6px 0;

	padding: 0;

	line-height: 100%;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden

}

.blog .xingshi h2 a:link {

	font-size: 26px;

	color: #000

}

.blog .xingshi h2 a:hover {

	color: #3498db

}

.blog .xingshi h2 a:visited {

	color: #777

}

.blog .xingshi aside {

	font-size: 12px;

	margin-bottom: 30px;

	color: #999;

	text-transform: uppercase

}

.blog .xingshi aside span + span:before {

	margin: 0 2px 0 6px;

	color: #ccc;

	content: "/\00a0"

}

.blog .blog-pic {

	margin-bottom: 40px

}

.blog .bianlan h3 {

	font-size: 22px;

	margin: 20px 0

}

.blog .bianlan.new-text h3 {

	margin: 30px 0 20px 0

}

.blog .bianlan.advertising h3 {

	margin: 20px 0 30px 0

}

.blog .bianlan ul {

	line-height: 50px

}

.blog .bianlan ul li {

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

	display: block

}

.blog .bianlan ul li + li {

	border-top: #eee solid 1px

}

.blog .blog-content {

	color: #666

}

.blog .blog-content a:visited {

	color: #542189

}

.blog .blog-content p {

	margin: 0 0 24px 0

}

.blog .blog-content h3 {

	margin: 20px 0

}

.blog-content audio {

	width: 100%;

	margin: 20px 0

}

.blog .blog-content blockquote {

	font-size: 14px;

	background-color: #eee;

	border-color: #ddd

}

.blog .blog-content blockquote p {

	margin: 0

}

/*搜索*/

.search-form {

	position: relative

}

@media (max-width:991px) {

.search-form {

	margin-top: 30px

}

}

.search-field {

	height: 40px;

	line-height: 40px;

	width: 100%;

	vertical-align: middle;

	padding: 0 10px;

	border: 1px solid #ddd

}

.search-submit {

	height: 38px;

	width: 38px;

	text-align: center;

	vertical-align: middle;

	background-color: #FFF;

	position: absolute;

	top: 0;

	right: 0;

	border-width: 0;

	margin: 1px

}

.search-submit {

	background: #FFF url(../images/search-submit.png) no-repeat center center;

	text-indent: -999px;

	overflow: hidden

}

@media all and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (min-device-pixel-ratio:1.5) {

.search-submit {

background-size:20px auto

}

.search-submit {

background-image:url(../images/search-submit@2x.png)

}

}

/*面包屑导航*/

.crumbs {

	background-color: #f2f2f2

}

.breadcrumb {

	padding: 25px 0;

	margin-bottom: 0;

	list-style: none;

	border-radius: 0

}

.breadcrumb > li {

	display: inline-block

}

.breadcrumb > li a {

	color: #999

}

.breadcrumb > li a:hover {

	color: #3498db

}

.breadcrumb > li + li:before {

	padding: 0 5px;

	color: #ccc;

	content: "/\00a0"

}

.breadcrumb > .active {

	color: #999

}

/*官方评论*/

/*comments-area*/

.comments-area h3 {

	font-size: 22px

}

.comments-area .comments-title {

	margin: 50px 0 40px 0

}

.comments-area .no-comments {

	font-size: 16px;

	margin-top: 30px;

	text-transform: uppercase

} /*评论已关闭*/

/*comment-list*/

.comment-list {

	list-style: none;

	margin: 0;

	padding: 0 0 10px 0;

	border-bottom: 1px solid #eee

}

.comment-list .comment-body {

	margin-bottom: 30px

}

.comment-list .comment-body p {

	margin: 15px 0 24px 60px;

	padding: 10px 15px;

	color: #666;

	border: #f2f2f2 solid 1px;

	background-color: #f9f9f9

}

/*评论回复*/

/*.comment-list .children .byuser p {color:#ff6050}

.comment-list .comment-body p.comment-awaiting-moderation {color:#ff6050}*/

.comment-list .children {

	list-style: none;

	margin-left: 15px

}

.comment-list .comment-meta a.comment-edit-link {

	margin-left: 10px;

	color: #3498db

}

/*comment-body*/

.comment-body .comment-meta {

	font-size: 12px;

	text-transform: uppercase

}

.comment-body .reply {

	line-height: 100%

}

.comment-body .reply a:before {

	content: "→ "

}

.comment-body .comment-author {

	font-size: 14px

}

.comment-body .comment-author a {

	color: #777

}

.comment-body .comment-author .fn {

	font-size: 16px;

	color: #777;

	font-style: normal;

	font-weight: normal

}

.comment-body .comment-meta a {

	color: #999

}

.comment-body .comment-author a:hover, .comment-body .comment-meta a:hover {

	color: #3498db

}

.comment-body .comment-author {

	position: relative;

	line-height: 130%

}

.comment-body .comment-author .avatar {

	position: absolute;

	top: 0;

	left: 0;

	height: 40px;

	border-radius: 50%;

	width: 40px

}

.comment-body .comment-author .says {

	display: none

}

.comment-body .comment-author, .comment-body .reply, .comment-metadata {

	padding-left: 60px

}

/*评论翻页导航*/

.comment-navigation {

	font-size: 12px;

	line-height: 2;

	margin-bottom: 40px;

	text-transform: uppercase

}

.comment-navigation .nav-next, .comment-navigation .nav-previous {

	display: inline-block

}

.comment-navigation .nav-previous a {

	margin-right: 10px

}

#comment-nav-above {

	margin-top: 40px;

	margin-bottom: 0

}

.comment-notes, .comment-awaiting-moderation, .logged-in-as, .no-comments, .form-allowed-tags, .form-allowed-tags code {

	color: #bbb

}

/*comment-form*/

.comment-form p {

	margin: 0

}

.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"] {

	width: 100%

}

.comment-form .form-allowed-tags {

	display: none

}

.required {

	color: #ff6050

}

.comment-reply-title {

	margin: 40px 0 20px 0

}

.comment-form p.comment-notes, .comment-form p.logged-in-as {

	margin-bottom: 15px

}

.comment-respond small {

	font-size: 12px;

	color: #bbb;

	display: block;

	margin-top: 10px

}

.comment-respond .comment-reply-title {

	position: relative

}

.comment-respond .comment-reply-title small {

	position: absolute;

	right: 0;

	top: 0;

	padding-top: 30px

}

.comment-respond .comment-reply-title small a {

	font-size: 14px

}

.comment-respond .comment-reply-title small a:before {

	content: "→ "

}

.comment-respond #author, .comment-respond #email, .comment-respond #url, .comment-respond #comment {

	height: 40px;

	width: 100%;

	vertical-align: middle;

	padding: 10px;

	border: 1px solid #ddd;

	margin-bottom: 10px

}

.comment-respond #comment {

	height: 160px

}

.comment-respond #submit {

	height: 40px;

	line-height: 40px;

	padding: 0 80px;

	text-align: center;

	vertical-align: middle;

	color: rgba(255,255,255,0.50);

	background-color: #3498db;

	border-width: 0;

	margin-top: 20px

}

.comment-respond #submit:hover {

	color: #FFF;

	background-color: #73bf3a

}

.comment-form label {

	display: block;

	font-weight: normal

}

/*相册*/

.gallery {

	margin: 20px 0;

	border: 1px solid #eee;

	padding: 10px

}

.gallery:after {

	display: table;

	content: ""

}

.gallery:after {

	clear: both

}

.gallery-item {

	float: left;

	margin: 10px;

	overflow: hidden;

	position: relative

}

.gallery-columns-1 .gallery-item {

	max-width: 100%

}

.gallery-columns-2 .gallery-item {

	max-width: 48%;

	max-width: -webkit-calc(50% - 20px);

	max-width: calc(50% - 20px)

} /*359px*/

.gallery-columns-3 .gallery-item {

	max-width: 32%;

	max-width: -webkit-calc(33.3% - 20px);

	max-width: calc(33.3% - 20px)

} /*232px*/

.gallery-columns-4 .gallery-item {

	max-width: 23%;

	max-width: -webkit-calc(25% - 20px);

	max-width: calc(25% - 20px)

} /*169px*/

.gallery-columns-5 .gallery-item {

	max-width: 19%;

	max-width: -webkit-calc(20% - 20px);

	max-width: calc(20% - 20px)

}

.gallery-columns-6 .gallery-item {

	max-width: 15%;

	max-width: -webkit-calc(16.7% - 20px);

	max-width: calc(16.7% - 20px)

}

.gallery-columns-7 .gallery-item {

	max-width: 13%;

	max-width: -webkit-calc(14.28% - 20px);

	max-width: calc(14.28% - 20px)

}

.gallery-columns-8 .gallery-item {

	max-width: 11%;

	max-width: -webkit-calc(12.5% - 20px);

	max-width: calc(12.5% - 20px)

}

.gallery-columns-9 .gallery-item {

	max-width: 9%;

	max-width: -webkit-calc(11.1% - 20px);

	max-width: calc(11.1% - 20px)

}

/*.gallery-columns-1 .gallery-item:nth-of-type(1n),.gallery-columns-2 .gallery-item:nth-of-type(2n),.gallery-columns-3 .gallery-item:nth-of-type(3n),.gallery-columns-4 .gallery-item:nth-of-type(4n),.gallery-columns-5 .gallery-item:nth-of-type(5n),.gallery-columns-6 .gallery-item:nth-of-type(6n),.gallery-columns-7 .gallery-item:nth-of-type(7n),.gallery-columns-8 .gallery-item:nth-of-type(8n),.gallery-columns-9 .gallery-item:nth-of-type(9n) {margin-right:0}*/

.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1), .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1), .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1), .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {

	clear: left

}

.gallery-caption {

	background-color: rgba(0,0,0,0.7);

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	color: #fff;

	margin: 0;

	max-height: 50%;

	opacity: 0;

	padding: 6px;

	font-size: 12px;

	position: absolute;

	bottom: 0;

	left: 0;

	text-align: center;

	width: 100%;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden

}

.gallery-caption:before {

	content: "";

	height: 100%;

	min-height: 50px;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%

}

.gallery-item:hover .gallery-caption {

	opacity: 1

}

.gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption {

	display: none

}

/*多媒体展示页面*/

.entry-header .entry-title {

	font-size: 24px;

	margin-bottom: 5px

}

.entry-header .entry-meta {

	color: #999;

	font-size: 12px

}

.entry-header .entry-meta span + span:before {

	padding: 0 5px;

	color: #ccc;

	content: "/\00a0"

}

.blog .entry-content .entry-attachment p {

	margin: 0 0 20px 0

}

.blog .entry-content .entry-caption p {

	margin: 20px 0 0 0

}

.nav-links {

	border-top: 1px solid #eee;

	margin-top: 40px

}

.image-navigation .previous-image, .image-navigation .next-image {

	border-bottom: 1px solid #eee;

	padding: 12px 0;

	width: 100%

}

.image-navigation a {

	display: block;

	font-size: 14px;

	text-transform: none

}

/*导出链接*/

.blog-content a[href ^="http:"], .blog-content a[href ^="https:"] {

	padding: 5px 15px 5px 0;

	background: transparent url(../images/css3_link_external.gif) no-repeat center right

}

@media all and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (min-device-pixel-ratio:1.5) {

.blog-content a[href ^="http:"], .blog-content a[href ^="https:"] {

background-size:14px auto

}

.blog-content a[href ^="http:"], .blog-content a[href ^="https:"] {

background-image:url(../images/css3_link_external@2x.gif)

}

}

/*本站链接*/

.blog-content a[href ^="http://www.moke8.com"], .blog-content a[href ^="http://www.moke8.com"] {

	padding: 0;

	background-image: none

}

/*baidu*/

.fenxiang.bdshare-button-style0-16 .bds_more {

	color: #3498db!important;

	float: inherit!important

}

.fenxiang.bdshare-button-style0-16 a, .fenxiang.bdshare-button-style0-16 .bds_more {

	font-size: 14px!important;

	padding-left: 0!important;

	line-height: 2!important;

	height: auto!important;

	background-image: none!important;

	background-repeat: no-repeat!important;

	cursor: pointer!important;

	margin: auto!important

}

/*活动有礼*/

.youli {

	position: fixed;

	left: 0;

	bottom: 0;

	padding: 0;

	display: block

}

.dede_pages {

	clear: both;

	height: 40px;

}

.dede_pages li {

	float: left;

	padding: 7px 14px;

	border: 1px solid #CCCCCC;

	margin-right: 10px;

	color: #666;

	font-size: 12px;

	list-style: none;

}

.dede_pages li:hover {

	border: 1px solid #3498db;

}

.dede_pages li:hover a {

	color: #3498db

}

.dede_pages li a {

	color: #666

}

.dede_pages li.thisclass {

	border: 1px solid #3498db;

	background-color: #3498db;

	color: #FFFFFF

}

.dede_pages li.thisclass a {

	color: #fff

}

@media (max-width:500px) {

.kefu {

	display: none;

}

}

@media (max-width:600px) {

.col-xs-12 img {

	width: 100%;

}

}